//导入vue核心包
import Vue from "vue";

//导入app.vue的vue对象
import App from "./App.vue";

//导入mint-ui文件
import 'mint-ui/lib/style.min.css';
import mint from 'mint-ui';
Vue.use(mint)

//注册MUI的CSS样式
import "../statics/mui/css/mui.css"

//讲vue-router集成到这个项目中来
import vueRouter from "vue-router";
// 将vueRouter绑定到Vue对象上
Vue.use(vueRouter)
// 导入路由规则对象的组件对象
import home from "./components/shopcar/home.vue";
import car from "./components/shopcar/car.vue";
import newslist from "./components/news/newslist.vue";
import newsinfo from "./components/news/newsinfo.vue";
// import newslist from "./components/news/newlist.vue";
// 定义路由的规则
var router=new vueRouter({
    linkActiveClass:"mui-active",
    routes:[
        {
            path:"/home",
            component:home
        },
        {
            path:"/car",
            component:car
        },
        {
            path:"/news/newslist",
            component:newslist
        },
        {
            path:"/",
            redirect:"/home"
        },
        {
            path:"*",
            redirect:"/home"
            // 解决不存在的路由地址问题，可以直接跳转到首页
        },
        {
            path:"/news/newsinfo/:id",
            component:newsinfo
        }
    ]
});

// 导入一个当前系统的全局基本样式
import "../statics/css/site.css";

// 将vue-resource在vue中绑定，自动在vue对象实力上注入一个$http对象就可以使用ajax动态获取数据了
import vueResource from "vue-resource";
Vue.use(vueResource);

// 定义一个全局过滤器
import moment from "moment";
Vue.filter("datefmt",function(input,fmtstring){
   return moment(input).format(fmtstring)
})
// 利用vue对象进行解析渲染
new Vue({
    el:"#app",
    router,
    render:c=>c(App) //es6的函数写法 =>相当于goes to
})